<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>西瓜后台管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/stickup.css" media="all">
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <!-- START THE NAVBAR -->
            <div class="navbar-wrapper">
                <div class="container">
                    <div class="navwrapper">
                        <div class="navbar navbar-inverse navbar-static-left">
                            <div class="container">
                                <div class="navbar-collapse collapse">
                                    <ul class="nav navbar-nav">
                                        <li class="menuItem active"><a href="#collapse1">基本参数</a></li>
                                        <li class="menuItem"><a href="#collapse2">发动机</a></li>
                                        <li class="menuItem"><a href="#collapse3">变速箱</a></li>
                                        <li class="menuItem"><a href="#collapse4">底盘转向</a></li>
                                        <li class="menuItem"><a href="#collapse5">主/被动安全装备</a></li>
                                        <li class="menuItem"><a href="#collapse6">辅助/操控配置</a></li>
                                        <li class="menuItem"><a href="#collapse7">外部/防盗配置</a></li>
                                        <li class="menuItem"><a href="#collapse8">内部配置</a></li>
                                        <li class="menuItem"><a href="#collapse9">座椅配置</a></li>
                                        <li class="menuItem"><a href="#collapse10">多媒体配置</a></li>
                                        <li class="menuItem"><a href="#collapse11">灯光配置</a></li>
                                        <li class="menuItem"><a href="#collapse12">玻璃/后视镜</a></li>
                                        <li class="menuItem"><a href="#collapse13">空调/后冰箱</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div><!-- End Navbar -->
                </div>
            </div>
            <div id='contents'>
                <div id="collapse1" class="row featurette container marketing">
                    <h4><span>基本参数</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse2" class="row featurette">
                    <h4><span>发动机</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse3" class="row featurette">
                    <h4><span>变速箱</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse4" class="row featurette">
                    <h4><span>底盘转向</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse5" class="row featurette">
                    <h4><span>主/被动安全装备</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse6" class="row featurette">
                    <h4><span>辅助/操控配置</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse7" class="row featurette">
                    <h4><span>外部/防盗配置</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse8" class="row featurette">
                    <h4><span>内部配置</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse9" class="row featurette">
                    <h4><span>座椅配置</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse10" class="row featurette">
                    <h4><span>多媒体配置</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse11" class="row featurette">
                    <h4><span>灯光配置</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse12" class="row featurette">
                    <h4><span>玻璃/后视镜</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>
                <div id="collapse13" class="row featurette">
                    <h4><span>空调/后冰箱</span></h4>
                    <div class="rowContent">
                        <dl>
                            <dt>品牌</dt>
                            <dd>大众</dd>
                        </dl>
                        <dl>
                            <dt>指导价</dt>
                            <dd>124900</dd>
                        </dl>
                        <dl>
                            <dt>外观颜色</dt>
                            <dd>红/黑/白</dd>
                        </dl>
                        <dl>
                            <dt>车类</dt>
                            <dd>新能源</dd>
                        </dl>
                    </div>
                </div>

            </div> <!-- END CONTENT -->
        </div>
    </div>
</div>
<script src="../../../layuiadmin/layui/layui.js"></script>
<script src="../../../layuiadmin/modules/jquery.js"></script>
<script src="../../../layuiadmin/modules/car_source/stickUp.min.js"></script>
<script>
    layui.config({
        base: '../../../layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index', //主入口模块
        list: 'car_source/list', //list模块
    }).use(['index','list']);
</script>
<script type="text/javascript">
    //initiating jQuery
    jQuery(function($) {
        $(document).ready( function() {
            //为 '.navbar-wrapper' class 启用stickUp插件
            $('.navbar-wrapper').stickUp({
                parts: {
                    0:'collapse1',
                    1:'collapse2',
                    2: 'collapse3',
                    3: 'collapse4',
                    4: 'collapse5',
                    5: 'collapse6',
                    6: 'collapse7',
                    7: 'collapse8',
                    8: 'collapse9',
                    9: 'collapse10',
                    10: 'collapse11',
                    11: 'collapse12',
                    12: 'collapse13',
                },
                itemClass: 'menuItem',
                itemHover: 'active'
            });
        });
    });

</script>

</body>
</html>